<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <style>
        a {
            color: #333;
            text-decoration: none;
        }
        a:hover {
            color: red;
        }
    </style>
<body>
    <h1>HTML 编辑器</h1>
    <a href="">上一节</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">下一节</a>
    <hr/>
    <h3>使用 Notepad 或 TextEdit 来编写 HTML</h3>
    <p>可以使用专业的 HTML 编辑器来编辑 HTML：</p>
    <ul>
        <li>Adobe Dreamweaver</li>
        <li>Microsoft Expression Web</li>
        <li>CoffeeCup HTML Editor</li>
    </ul>
    <p>不过，我们同时推荐使用文本编辑器来学习 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我们相信，使用一款简单的文本编辑器是学习 HTML 的好方法。</p>
    <p>通过记事本，依照以下四步来创建您的第一张网页。</p>
    <hr/>
    <h1>步骤一：启动记事本</h1>
    <p>如何启动记事本：</p>
    <p>开始<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;所有程序<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;附件<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;记事本</p>
    <hr/>
    <h1>步骤二：用记事本来编辑 HTML</h1>
    <p>在记事本中键入 HTML 代码：</p>
    <img src="../img/1.gif" alt="已失效">
    <hr/>
    <h1>步骤三：保存 HTML</h1>
    <p>在记事本的文件菜单选择“另存为”。</p>
    <p>当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别，完全根据您的喜好。</p>
    <p>在一个容易记忆的文件夹中保存这个文件，比如 w3school。</p>
    <hr/>
    <h1>步骤四：在浏览器中运行这个 HTML 文件</h1>
    <p>启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击您的 HTML 文件。</p>
    <p>结果应该类似这样：</p>
    <img src="../img/2.gif" alt="已失效">
    <hr/>
    <a href="">上一节</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">下一节</a>
</body>
</html>